<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>消息</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
	<header id="header">
		<!--头部文件从最下面load读取 ../public/head.html--> 
	</header>
	<div class="main" id="main">
		<div class="container">
			<div class="btn-mytoolbar clearfix">
				<a href="#" class="btn btn-primary pull-right">发送团队通知</a>
			</div>
			<ul class="list-unstyled">
				<li class="draganddrop-container">
					<div class="item-box draganddrop-box no-border bg-grey">
						<table border="0">
							<tbody>
								<tr>
									<td width="10%" align="center">
										<span class="font-size-66"><i class="glyphicon glyphicon-volume-up"></i></span>
									</td>
									<td width="*">
										<ul class="list-unstyled">
											<li>
												<span class="h4 ">平台公告<i class="glyphicon glyphicon-user"></i></span>
												<span class="margin-left-15 font-color-grey">2015-03-22  13:56:23</span>
												<a class="btn btn-primary btn-xs margin-left-15"><i class="glyphicon glyphicon-remove"></i>删除</a>
											</li>
											<li>
												<span class="font-color-grey">您还没有认证，认证后可以免费发布职位，获取更多猎头公司的关注，更早找到您需要的候选人。......</span>
												
												<a data-toggle="collapse" data-target="#collapse1" class="pull-right font-size-22 margin-right-50"><i class="glyphicon glyphicon-menu-down"></i></a>
											</li>
										</ul>
									</td>
								</tr>
							</tbody>
						</table>
						<div id="collapse1" class="draganddrop-body collapse "  role="tabpane2">
							ddd
						</div>
					</div>
				</li>
				<li class="draganddrop-container">
					<div class="item-box draganddrop-box no-border bg-grey ">
						<table border="0">
							<tbody>
								<tr>
									<td width="10%" align="center">
										<span class="font-size-66"><i class="glyphicon glyphicon-envelope"></i></span>
									</td>
									<td width="*">
										<ul class="list-unstyled">
											<li>
												<span class="h4 ">团队通知<i class="glyphicon glyphicon-user"></i></span>
												<span class="margin-left-15 font-color-grey">猎头部- XX总监</span>
												<span class="margin-left-15 font-color-grey">2015-03-22  13:56:23</span>
												<a class="btn btn-primary btn-xs margin-left-15"><i class="glyphicon glyphicon-remove"></i>删除</a>
											</li>
											<li>
												<span class="font-color-grey">XXX分配了XXXX项目给您，请尽快确认。</span>
												<a class="btn btn-primary btn-xs margin-left-15">确认任务</a>
											</li>
										</ul>
									</td>
								</tr>
							</tbody>
						</table>
						
					</div>
				</li>
				<li class="draganddrop-container">
					<div class="item-box draganddrop-box no-border bg-grey ">
						<table border="0">
							<tbody>
								<tr>
									<td width="10%" align="center">
										<span class="font-size-66"><i class="glyphicon glyphicon-envelope"></i></span>
									</td>
									<td width="*">
										<ul class="list-unstyled">
											<li>
												<span class="h4 ">团队通知<i class="glyphicon glyphicon-user"></i></span>
												<span class="margin-left-15 font-color-grey">HR-张三</span>
												<span class="margin-left-15 font-color-grey">2015-03-22  13:56:23</span>
												<span class="margin-left-15 font-color-bule"></span>
												<a class="btn btn-primary btn-xs margin-left-15"><i class="glyphicon glyphicon-remove"></i>删除</a>
											</li>
											<li>
												<span class="font-color-grey">务必于这周五总结工作内容，进行职位进度汇报.......</span>
												
												<a data-toggle="collapse" data-target="#collapse2" class="pull-right font-size-22 margin-right-50"><i class="glyphicon glyphicon-menu-down"></i></a>
											</li>
										</ul>
									</td>
								</tr>
							</tbody>
						</table>
						<div id="collapse2" class="draganddrop-body collapse "  role="tabpane2">
							<ul  class="list-unstyled padding-bottom-20">
								<li>
									<span class="font-color-grey">张三申请加入公司。张三留言：我是人事部的张三我是人事部的张三       我是人事部的张三 </span>
									<div class="pull-right">
										<a class="btn btn-primary btn-xs btn-module">同意</a>
										<a class="btn btn-primary btn-xs">拒绝</a>
									</div>
								</li>
								<li><span class="font-color-grey">我的信息</span></li>
								<li><span class="font-color-grey">姓名：张三</span></li>
								<li><span class="font-color-grey">性别：男</span></li>
								<li><span class="font-color-grey">职位：HR</span></li>
								<li><span class="font-color-grey">手机号：15846464682</span></li>
								<li><span class="font-color-grey">邮箱：zs20140302@126.com</span></li>
							</ul>
						</div>
					</div>
				</li>
			</ul>
		</div>
		
	</div>

<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/bootbox.min.js"></script>
<script src="../../Scripts/jquery-ui-1.10.3.full.min.js"></script>

<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		//读取共用的头部和菜单文件
		$("#header").load("../public/head.html nav",function(){
			$('[data-toggle="tooltip"]').tooltip();  //头部鼠标划过提示
			$('.search-box').searchbox({speed:500}); //头部搜索
		});
		
		
		//拖拽插件调用方式
		$('.draganddrop-container').sortable({
			connectWith: '.draganddrop-container',
			items:'> .draganddrop-box',
			opacity:0.8,
			revert:true,
			forceHelperSize:true,
			placeholder: 'draganddrop-placeholder',
			forcePlaceholderSize:true,
			tolerance:'pointer'
		});
		
		//展开事件处理JS 
		$('.collapse').on('show.bs.collapse', function () {
			//展开后处理箭头图标
			var _flag=$(this).attr('id')
			$('[data-target="#'+_flag+'"]').find('i').attr('class','glyphicon glyphicon-menu-up')
			
			
		}).on('hide.bs.collapse', function () {
			//隐藏后处理箭头图标
			var _flag=$(this).attr('id')
		  	$('[data-target="#'+_flag+'"]').find('i').attr('class','glyphicon glyphicon-menu-down')
			
			
		})
		//创建弹窗对象
		var form = $('<form class="form-inline"></form>');
		var form_html='<span>加入到分组：</span>\
						<select class="form-control">\
							<option>高管</option>\
							<option>新加分组</option>\
						</select>'
		form.append(form_html);
		//同意按钮弹窗
		$('.btn-module').on('click',function(){
			bootbox.dialog({
				
				title:'同意申请',
				message: form,
				buttons:{
					'ok':{
						"label":"保存",
						"className" : "btn btn-sm btn-success",
						"callback":function(){
							
							//return false;
						}
					}
				}
			});
		})
	})
</script>
</body>
</html>
